<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>EduCenter</title>
<!-- Plugins CSS -->
<link href="${pageContext.request.contextPath}/dist/css/plugins.css" rel="stylesheet" >
<!-- Custom CSS -->
<link href="${pageContext.request.contextPath}/dist/css/style.css" rel="stylesheet">
<!-- Favicon -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/dist/images/favicon.ico">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
	function changeImg(){
		$.post("${pageContext.request.contextPath }/UsersController",{op:"getimg",getimg:new Date().getTime()},function(data){
			$("#Img").src=data;
		})
	}
		$(function () {
			//显示鼓励鸡汤
			$.post("${pageContext.request.contextPath}/EduControllerByLu",{op:"getGoodWord"},function(data){
				$("#getgoodwords").text(data);
			},"json")
			
			$("#userAccount").blur(function(){
				if($("#userAccount").val()==""){
					$("#userAccountId").html("用户名不能为空")
				}else{
					$("#userAccountId").html("")
				}
			})
			$("#userPwd").blur(function(){
				if($("#userPwd").val()==""){
					$("#userPwdId").html("密码不能为空")
				}else{
					$("#userAccountId").html("")
				}
			})
			
			$("#checkImg").blur(function(){
				$.post("${pageContext.request.contextPath}/UsersController",{op:"getImgText"},function(data){
					if($("#checkImg").val()==""){
						$("#result").html("验证码不能为空!")
					}else{
						if($("#checkImg").val()==data){
							$("#result").html("验证码正确")
						}else{
							$("#result").html("验证码错误")
						}
					}
				})
			})
			$("#loginBtn").click(function(){
				if($("#userAccountId").html()==""&&$("#userAccountId").html()==""&&$("#result").html()=="验证码正确"){
					var formdata=$("#loginform").serialize();
					$.ajax({
						async:true,
						url:"${pageContext.request.contextPath}/UsersController?op=Login",
						type:"POST",
						dataType:"json",
						data:formdata,
						contentType:"application/x-www-form-urlencoded",
						success:function(result){
							$("#li1").html("<nav class='navigation'><ul class='nav menu'><li style='margin-top:25px'><img src='${pageContext.request.contextPath }/DownloadFileServlet?fileName="+result.userImg+"'" 
									+"style='border-radius: 50%; width: 25px; height: 25px; margin-top: 3px;'></li>"
									+"<li style='margin-top:25px'>"+result.userAccount+"</li>"
									+"<li style='margin-top:25px'>积分:"+result.userScore+"</li>"
									+"<li><a href='${pageContext.request.contextPath }/UsersController?op=frontExit'>退出</a></li></ul></nav>");
							$("#div-login").css("display","none");
							$("#quote-popup").modal('hidn');
						},
						error:function(){
							
						}
					});
				}
			})
  
     //显示最新评论
     $.get("${pageContext.request.contextPath }/CommentsController",{op:"queryLikeTime"},function  (data){
    	 $.each(data,function(n,com){
				if(null != com){
					$("#showComTime").append("<li>\r\n" + 
							"								<div class=\"widget-posts-image\">\r\n" + 
							"									<a href=\"javascript:void(0)\"><img\r\n" + 
							"										src=\"${pageContext.request.contextPath}/dist/images/001.jpg\"\r\n" + 
							"										alt=\"\"></a>\r\n" + 
							"								</div>\r\n" + 
							"								<div class=\"widget-posts-body\">\r\n" + 
							"									<h6 class=\"widget-posts-title\">\r\n" + 
							"										<a href=\"javascript:void(0)\">"+com.comText+" </a>\r\n" + 
							"									</h6>\r\n" + 
							"									<div class=\"widget-posts-meta\">"+com.comDate.substring(0,(com.comDate.length-2))+"</div>\r\n" + 
							"								</div>\r\n" + 
							"							</li>")
							
					 }
			})
     
    	 
	 },"json")
	//隐藏获取comId的sapn标签
	 var articleId=parseInt($("#articlesId").text());
	 $("#getcomid").hide(); 
	//一级评论显示
	 $.get("${pageContext.request.contextPath }/CommentsController",{op:"queryLikeByPage",articleId:"${requestScope.articles2.articleId}"},function  (data){
		 showCom(data);
	 },"json")
	 //显示评论总数
	 $.get("${pageContext.request.contextPath }/CommentsController",{op:"queryComSum",articleId:"${requestScope.articles2.articleId}"},function  (data){
		$("#showSum").text("共"+data+"条留言");
	 },"json")

	 //首页
	 $(document).on("click",".first",function(){
		 $.get("${pageContext.request.contextPath }/CommentsController",{op:"queryLikeByPage",articleId:"${requestScope.articles2.articleId}"},function  (data){
			 showCom(data);
		 },"json")
	 })
	 //尾页
	  $(document).on("click",".last",function(){
		  
		  var totalPage=$("#totalPage").text();
		 $.get("${pageContext.request.contextPath }/CommentsController",{op:"queryLikeByPage",pageNO:totalPage,pageSize:3,articleId:"${requestScope.articles2.articleId}"},function  (data){
			 showCom(data);
    	 },"json")
	 })
	 //下一页
	  $(document).on("click",".next",function(){
		  var pageNO=$("#pageNo").html();
		 $.get("${pageContext.request.contextPath }/CommentsController",{op:"queryLikeByPage",pageNO:(parseInt(pageNO)+1),pageSize:3,articleId:"${requestScope.articles2.articleId}"},function  (data){
			 showCom(data);
    	 },"json")
	 })
	 //提交评论
		$("#submitCom").click(function(){
			if($("#getcomid").text() !="" &  $(".nicEdit-main").html().substring(0,1)=="@" ){ 
				/* if($("#getcomid").text() !="" & $("#commentText").val().substring(0,1)=="@" ){ */
					//二级评论
					var comments2={
							//属性要跟实体类一致
							comId: parseInt($("#getcomid").text()),
							com2Text:  $(".nicEdit-main").html(),
							userAccount: "${frontUser.userAccount}"
					};
					$.get("${pageContext.request.contextPath }/CommentsController",{op:"addcomments2",comments2:JSON.stringify(comments2)},function(){
					
					},"json")
					
				}else{
					//一级评论
					var comments={
							//属性要跟实体类一致1
							comText: $(".nicEdit-main").html(),
							articleId: "${requestScope.articles2.articleId}",
							userAccount: "${frontUser.userAccount  }"
					};
					$.get("${pageContext.request.contextPath }/CommentsController",{op:"addcomments",comments:JSON.stringify(comments)},function(){
					},"json")
				}
				$(".nicEdit-main").html("");
				$("#getcomid").text("");
				$.get("${pageContext.request.contextPath }/CommentsController",{op:"queryLikeByPage",articleId:"${requestScope.articles2.articleId}"},function(data){
					/* alert(555); */
					showCom(data);
				 },"json")
			}) 
	 //每一页
	  $(document).on("click",".currentPage",function(){
		  
		  var pageNO=$(this).text();
		 $.get("${pageContext.request.contextPath }/CommentsController",{op:"queryLikeByPage",pageNO:pageNO,pageSize:3,articleId:"${requestScope.articles2.articleId}"},function  (data){
			 showCom(data);
    	 },"json")
	 })
	//跳转
	 $(document).on("click",".trunto",function(){
		//获取number框的值
			var pageNo=$("#turntoId").val();
			//获取末页值
			var totalPage=$("#totalPage").text();
			if(pageNo<1){
				pageNo=1;
				$("#turntoId").val(pageNo);
			}else if(pageNo > parseInt(totalPage)){  //*1 弱类型语言,字符串*1直接转数字
				 pageNo=totalPage;
				$("#turntoId").val(pageNo);
			}
			//发送ajax请求
	
		$.get("${pageContext.request.contextPath }/CommentsController",{op:"queryLikeByPage",pageNO:pageNo,pageSize:3,articleId:"${requestScope.articles2.articleId}"},function(data){
				//显示数据写成一个方法,以后就不用在做拼接
				showCom(data);
			},"json")
		
	 })
	 //入口结束
		})

		
		//显示一级评论
		function showCom(data){
			$("#showCom1").empty();
			$("#pageItem").empty();
	    	$("#showPageId").empty();
			$.each(data.data,function(n,com){
				var comSum=0;
				$.post("${pageContext.request.contextPath}/CommentsController", {op:"queryComments2_count",comid:com.comId}, function(data2) {
					comSum=data2*1;
					$("#showCom1").append(" <li>\r\n" + 
							"                <div class=\"comments-box\">\r\n" + 
							"                  <div class=\"comments-avatar\"> <img src=\"${pageContext.request.contextPath}/dist/images/comments1.png\" alt=\"\"> </div>\r\n" + 
							"                  <div class=\"comments-text\">\r\n" + 
							"                    <div class=\"avatar-name\">\r\n" + 
							"                      <h5>"+com.userAccount+"</h5>\r\n" + 
							"                      <span>"+com.comDate.substring(0,(com.comDate.length-2))+"</span> <a class=\"reply\"  onclick=\"replyCom('"+com.userAccount+"',"+com.comId+")\"><i class=\"fas fa-reply\"></i>回复 </a> </div>\r\n" + 
							"                    <p>"+com.comText+"</p>\r\n" + 
							"                 <p><a style=\"color:red\" onclick=\"showCom2("+com.comId+",this,"+comSum+")\">"+comSum+"条评论</a></p>\r\n" +
							"                  </div>\r\n" + 
							"              <!-- 二级留言 -->     \r\n" + 
							"                </div><ul id=\"showCom2\">  </ul></li>")
				});
			})
			$("#showPageId").append("当前第<span id='pageNo' >"+data.pageNo+"</span>页/共<span id='totalPage'>"+data.totalPage+ "</span>页/每页显示<span id='pageSize'>"+data.pageSize+"</span>条/共<span id='totalCount'>"+data.totalCount+"</span>条留言");
			//首页
	    	if(1==data.pageNo){
	    		$("#pageItem").append('<li class="disabled"><a href="javascript:void(0)">首页</a></li>');
	    	}else{
	    		$("#pageItem").append('<li ><a href="javascript:void(0)" class="first">首页</a></li>');
	    	}
	    	//显示分页栏目
	    	for(var i=1;i<=data.totalPage;i++){
	    		if(i==data.pageNo){
	    			$("#pageItem").append('<li class="active"><a href="javascript:void(0)" >'+i+'</a></li>');
	    		}else{
	    			$("#pageItem").append('<li ><a href="javascript:void(0)" class="currentPage">'+i+'</a></li>');
	    		}
	    	}
	    	//下一页
	    	if(data.pageNo==data.totalPage){
	    		$("#pageItem").append('<li class="disabled"><a href="javascript:void(0)" >下一页</a></li>');
	    	}else{
	    		$("#pageItem").append('<li ><a href="javascript:void(0)" class="next">下一页</a></li>');
	    	}
	    	//末页
	    	if(data.pageNo==data.totalPage){
	    		$("#pageItem").append('<li class="disabled"><a href="javascript:void(0)" >尾页</a></li>');
	    	}else{
	    		$("#pageItem").append('<li ><a href="javascript:void(0)" class="last">尾页</a></li>');
	    	}
	    	//跳转页
		    $("#pageItem").append('<li ><a href="javascript:void(0)"><input type="number" id="turntoId" value="'+data.pageNo+'" min=1  max="'+data.totalPage+
		    		'" style="width:40px;height:20px"/></a></li>');
		    $("#pageItem").append('<li ><a href="javascript:void(0)" class="trunto">跳转</a></li>');
		}	
		//回复
		function replyCom(userAccount,comId){
			 $(".nicEdit-main").html("@"+userAccount+":"); 
			/* $("#commentText").val("@"+userAccount+":");  */
			$("#getcomid").text(comId);
		}
		
		//显示二级评论
		function showCom2(comId,obj,comSum){
			if($(obj).text() != "收起"){
			$(obj).text("收起");
			$.post("${pageContext.request.contextPath}/CommentsController",{op:"getcoms2",comid:comId},function(data){
				$.each(data,function(n,com){
					if(null != com){
						 $(obj).parent().parent().parent().parent().find("#showCom2").append("<li class=\"children\">\r\n" + 
									"                <div class=\"comments-box\">\r\n" + 
									"                  <div class=\"comments-avatar\"> <img src=\"${pageContext.request.contextPath}/dist/images/comments2.png\" alt=\"\"> </div>\r\n" + 
									"                  <div class=\"comments-text\">\r\n" + 
									"                    <div class=\"avatar-name\">\r\n" + 
									"                \r\n" + 
									"                      <h5>"+com.userAccount+"</h5>\r\n" + 
									"                      <span>"+com.com2Date.substring(0,com.com2Date.length-2)+"</span> <a class=\"reply\" href=\"javascript:void(0)\" onclick=\"replyCom('"+com.userAccount+"',"+com.comId+")\"><i class=\"fas fa-reply\"></i>回复</a> </div>\r\n" + 
									"                    <p>"+com.com2Text+"</p>\r\n" + 
									"                  </div>\r\n" + 
									"                </div>\r\n" + 
									"              </li>");
						 }
				});
			},"json"); 
		}else{
			 $(obj).parent().parent().parent().parent().find("#showCom2").empty();
			 $(obj).text(comSum+"条评论");
		} 	
		}
	
	
</script>
</head>

<body>
<!-- Pre Loader -->
<div id="dvLoading"></div>
<!-- Header Area -->
<header class="header" > 
  <!-- Topbar -->
  <div class="topbar">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-md-7 col-12"  style="margin-left:600px;"> 
          <!-- Top Contact -->
          <ul class="top-contact">
            <li><i class="fa fa-phone"></i>+010 1234 56789</li>
            <li><i class="fa fa-envelope"></i><a href="mailto:support@yourmail.com">support@yourmail.com</a></li>
          </ul>
          <!-- End Top Contact --> 
        </div>
      </div>
    </div>
  </div>
  <!-- End Topbar --> 
  <!-- Header Inner -->
  <div class="header-inner">
    <div class="container">
      <div class="inner">
        <div class="row">
          <div class="col-lg-2 col-md-3 col-12"> 
            <!-- Start Logo -->
            <div class="logo"> <a href="index.jsp"><img src="${pageContext.request.contextPath}/dist/images/logo.png" alt=""></a> </div>
            <!-- End Logo --> 
            <!-- Mobile Nav -->
            <div class="mobile-nav"></div>
            <!-- End Mobile Nav --> 
          </div>
          <div class="col-lg-7 col-md-9 col-12"> 
            <!-- Main Menu -->
            <div class="main-menu" style="margin-left:120px">
              <nav class="navigation">
                <ul class="nav menu">
                  <li><a href="${pageContext.request.contextPath}/front/index.jsp">首页</a></li>
			  	  <li><a href="${pageContext.request.contextPath}/front/privacy-policy.jsp">隐私政策</a></li>
				  <li class="active"><a href="${pageContext.request.contextPath}/front/aritcle-list.jsp">文章列表</a></li>
				  <li><a href="${pageContext.request.contextPath}/front/contact.jsp">发布文章</a></li>
		  		  <%-- <li><a href="${pageContext.request.contextPath}/front/404.jsp">跳转错误</a></li> --%>
                </ul>
              </nav>
            </div>
            <!--/ End Main Menu --> 
          </div>
          <div class="col-lg-3 col-12">
		      <c:if test="${sessionScope.frontUser != null }">
		        <ul class="nav menu">
			        <li style="margin-top:20px">
			          	<img src="${pageContext.request.contextPath }/DownloadFileServlet?fileName=<c:out value="${frontUser.userImg }"></c:out>" style="border-radius: 50%; width: 25px; height: 25px; margin-top: 3px;"></li>
					<li style="margin-top:25px"><c:out value="${frontUser.userAccount }"></c:out></li>
					<li style="margin-top:25px">积分:<c:out value="${frontUser.userScore }"></c:out></li>
					<li><a href='${pageContext.request.contextPath }/UsersController?op=frontExit'>退出</a></li>
				</ul>
		      </c:if>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--/ End Header Inner --> 
</header>
<!-- End Header Area --> 
<!-- Breadcrumbs -->
<div class="breadcrumbs overlay">
  <div class="container">
    <div class="bread-inner">
      <div class="row">
        <div class="col-12">
          <h2 id="getgoodwords"></h2>          
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Breadcrumbs --> 
<!-- Start Feature section Area -->
<div class="inner-content-wrapper blog-sec blog-area">
  <div class="container">
    <div class="row">
      <div class="col-xl-8 col-lg-8 mb-30">
        <div class="blog-details">
          <div class="blogs-wrapper mb-35 pos-rel">
            <div class="blog-img"> <a href="javascript:void(0)"><img src="${pageContext.request.contextPath}/dist/images/services-img.jpg" alt=""></a>
              <div class="blog-text" id="">
                <div class="blog-meta"> <span><a href="javascript:void(0)"> <i class="fa fa-calendar-alt"></i>${requestScope.articles2.articleDate.substring(0,articles2.getArticleDate().length()-2)}</a></span> </div>
                <h4><a href="javascript:void(0)">${requestScope.articles2.articleTitle}</a></h4>
              </div>
            </div>
          </div>
          <div class="post-text mb-20">
            <p>${requestScope.articles2.articleContent}</p>
            <p id="articlesId">${requestScope.articles2.articleId}</p>
                       <!--    作者简介 -->
            <blockquote>
              <p>${requestScope.articles2.articleTitle}</p>
              <footer>-${requestScope.articles2.users.userAccount}</footer>
            </blockquote>
          </div>
          <div class="row">
            <div class="col-12">
              <div class="navigation-border pt-50 mt-40"></div>
            </div>
   
          </div>
        </div>
        <div class="post-comments">
          <div class="blog-coment-title mb-30">
            <h2 id="showSum"></h2>
          </div>
          <!-- 一二级留言开始 -->
          <div class="latest-comments">
            <ul id="showCom1">
            <!-- 一级留言 -->
             
                
            </ul>
                <!--  一级结束 -->
          </div>
        </div>
        	<!-- 分页信息 -->
					<div id="showPageId"></div>
					<!-- 分页实现 -->
					 <div class="col-md-12 text-center" >
					 <ul class="pagination" id="pageItem"></ul> 
					 </div>
        <div class="post-comments-form">
          <div class="post-comments-title">
          
            <h2 >评论</h2>
             <p id="getcomid"></p>
            
          </div>
          <form id="contacts-form" class="conatct-post-form" action="#" method="post">
            <div class="row">
              <div class="col-xl-12">
                <div class="contact-icon contacts-message">
            <!--   富文本 -->
               <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
                <script type="text/javascript">
        bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
        </script> 
                  <textarea name="comments" id="commentText" cols="40" rows="20" >
                       ${pd.textCom}
                   </textarea>
                   <input type="hidden" id="textCom" name="textCom" value="" />
                </div>
              </div>
              <div class="col-xl-12">
                <button class="btn" type="button" id="submitCom"> 确定 <i class="far fa-long-arrow-right"></i></button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="col-xl-4 col-lg-4 mb-30">
        <div class="widget mb-40">
          <h3 class="widget-title">最新评论</h3>
						<ul class="recent-posts" id="showComTime">
							 <%-- <li>
								<div class="widget-posts-image">
									<a href="javascript:void(0)"><img
										src="${pageContext.request.contextPath}/dist/images/001.jpg"
										alt=""></a>
								</div>
								<div class="widget-posts-body">
									<h6 class="widget-posts-title">
										<a href="javascript:void(0)"> 带有CSS Poly流体尺寸的流体响应排版。</a>
									</h6>
									<div class="widget-posts-meta">2018年10月18日</div>
								</div>
							</li>  --%>
							<%--             <li>
              <div class="widget-posts-image"> <a href="javascript:void(0)"><img src="${pageContext.request.contextPath}/dist/images/002.jpg" alt=""></a> </div>
              <div class="widget-posts-body">
                <h6 class="widget-posts-title"><a href="javascript:void(0)">
                       WebAssembly的简短动画片简介。</a></h6>
                <div class="widget-posts-meta">2018年10月24日</div>
              </div>
            </li>
            <li>
              <div class="widget-posts-image"> <a href="javascript:void(0)"><img src="${pageContext.request.contextPath}/dist/images/003.jpg" alt=""></a> </div>
              <div class="widget-posts-body">
                <h6 class="widget-posts-title"><a href="javascript:void(0)">
                         Mobile Navig基本模式利弊WebAss</a></h6>
                <div class="widget-posts-meta">2018年10月28日 </div>
              </div>
            </li> --%>
						</ul>
					</div>
       <!--  <div class="widget mb-40">
          <h3 class="widget-title">类别</h3>
          <ul class="service-list">
            <li> <a href="javascript:void(0)">Java</a> </li>
            <li> <a href="javascript:void(0)">C++ </a> </li>
            <li> <a href="javascript:void(0)">C# </a> </li>
            <li> <a href="javascript:void(0)">PHP</a> </li>
            <li> <a href="javascript:void(0)">MySQL</a> </li>
          </ul>
        </div> -->
      </div>
    </div>
  </div>
</div>
<!-- End Feature section Area --> 
<!-- Start Counter Sec Area -->
<div class="counter-sec-main">
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-sm-6 col-xs-6">
        <div class="counter-sec text-center">
          <div class="animated-bg"><i></i><i></i><i></i> </div>
          <i class="count-icon icon-profile-male"></i> <span class="count-nos" id="target">25890</span>
          <p class="count-lable">Students</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-6">
        <div class="counter-sec text-center">
          <div class="animated-bg"><i></i><i></i><i></i> </div>
          <i class="count-icon icon-strategy"></i> <span class="count-nos" id="target2">1560</span>
          <p class="count-lable">Instructor</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-6">
        <div class="counter-sec text-center">
          <div class="animated-bg"><i></i><i></i><i></i> </div>
          <i class="count-icon icon-puzzle"></i> <span class="count-nos" id="target3">21350</span>
          <p class="count-lable">Courses</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-6">
        <div class="counter-sec text-center">
          <div class="animated-bg"><i></i><i></i><i></i> </div>
          <i class="count-icon icon-trophy"></i> <span class="count-nos" id="target4">128560</span>
          <p class="count-lable">Earnings</p>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Counter Sec Area --> 
<!-- footer -->
<footer class="bg-black">
  <div class="container p-footer">
    <div class="row justify-content-between">
      <!-- footer content -->
      <div class="col-lg-5 mb-5 mb-lg-0">
        <!-- logo -->
        <a class="mb-4 f-logo d-inline-block" href="index.jsp"><img src="${pageContext.request.contextPath}/dist/images/footer-logo.png" alt=""></a>
        <p class="text-light">中国专业IT社区，致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。
        						为AI爱好者提供一站式从入门到熟练运用到工作中的学习平台 
								提供拟真实验环境，让学员学习后直接具备在公司真实线上环境完成分配的工作内容能力  
								全面提升学员基础能力+编码能力+实战能力，一次补齐后续工作中所有短板。
		</p>
      </div>
      <div class="col-lg-6">
        <div class="row">
          <div class="col-6">
            <h4 class="text-white mb-4">友情链接</h4>
            <ul class="list-styled">
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="index.jsp"></a> --></li>
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="about.jsp"></a> --></li>
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="blog.jsp"></a> --></li>
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="team.jsp"></a> --></li>
              <li class="mb-lg-3 mb-2 text-light"><!-- <a class="text-light d-block" href="contact.jsp"></a> --></li>
            </ul>
          </div>
          <div class="col-6">
            <h4 class="text-white mb-4">诚招合作商</h4>
            <ul class="list-unstyled">
              <li class="text-light mb-3"></li>
              <li class="text-light mb-3"></li>
              <li class="text-light mb-3"></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- copyright -->
  <div class="container copyright-c">
    <div class="row">
      <div class="col-lg-6 col-md-12 text-center text-center text-lg-left mb-3 mb-md-0">
        <p class="mb-0 text-white">Copyright &copy; 2020.Company name All rights reserved.
      </div>
    </div>
  </div>
</footer>
<!-- footer --> 
<!--jquery js --> 
<script src="${pageContext.request.contextPath}/dist/js/jquery-min.js"></script> 
<!-- Popper Min JS --> 
<script src="${pageContext.request.contextPath}/dist/js/popper.min.js"></script> 
<!--jquery js --> 
<script src="${pageContext.request.contextPath}/dist/js/bootstrap.min.js"></script> 
<!--jquery js --> 
<script src="${pageContext.request.contextPath}/dist/js/plugins.js"></script> 
<!--Fontawesome js --> 
<script src="${pageContext.request.contextPath}/dist/js/fontawesome.js"></script> 
<!-- Owl Carousel js --> 
<script src="${pageContext.request.contextPath}/dist/js/swiper-slider.js"></script> 
<!-- Fancybox js --> 
<script src="${pageContext.request.contextPath}/dist/js/fancybox.js"></script> 
<!--owl.carousel js --> 
<script src="${pageContext.request.contextPath}/dist/js/jquery.animateNumber.min.js"></script> 
<!-- MagnificPopup JS --> 
<script src="${pageContext.request.contextPath}/dist/js/jquery.magnific-popup.min.js"></script> 
<!-- Slicknav js --> 
<script src="${pageContext.request.contextPath}/dist/js/slicknav.min.js"></script> 
<!--jquery js --> 
<script src="${pageContext.request.contextPath}/dist/js/custom.js"></script>
</body>
</html>
